<!DOCTYPE html>
<html lang="en">
<head>
    <meta charset="UTF-8">
    <title></title>
</head>
<body>
<script src="js/myFunc.js"></script>
<script>
    // 当屏幕的宽度>=960时，页面的背景颜色为红色；当屏幕的宽度>=640时，页面的背景颜色为蓝色；当屏幕的宽度<640时，页面的背景颜色为绿色？
    window.onload = function () {

        var bgColor;

        /*console.log('' + changeColor());
        console.log('' + changeColor);*/

        changeColor();

        window.onresize = changeColor;

        function changeColor() {
            if(client().width >= 960){
                bgColor = 'red';
            }else if(client().width >= 640){
                bgColor =  'blue';
            }else {
                bgColor =  'green';
            }
            document.body.style.backgroundColor = bgColor;
        }
    }
</script>
</body>
</html>